<template>
  <div class="bottom-bar">
    <van-goods-action>
      <van-goods-action-icon icon="chat-o" text="客服" @click="onClickIcon"/>
      <van-goods-action-icon icon="shop-o" text="店铺" @click="onClickIcon"/>
      <van-goods-action-icon icon="star-o" text="收藏" @click="onClickIcon"/>
      <van-goods-action-button color="var(--color-tint)" type="warning" text="加入购物车" @click="addToCart"/>
      <van-goods-action-button color="var(--color-high-text)" type="danger" text="立即购买"/>
    </van-goods-action>
  </div>
</template>

<script>

  export default {
    name: "DetailBottomBar",
    methods: {
      onClickIcon() {

      },
      addToCart() {
        this.$emit("addToCart");
      },
    },
  };

</script>

<style scoped>
  .bottom-bar {
    position: relative;
    z-index: 1;
  }
</style>
